<template>
  <el-card shadow="always" class="m-margin-1">
    <el-tabs v-model="activeName"  type="card">
      <el-tab-pane label="遥控指令查询" name="tm">
        <div v-if="activeName === 'tm'" class="card">
          <HistoryCmd></HistoryCmd>
        </div>
      </el-tab-pane>
      <el-tab-pane label="遥测数据查询" name="tc">
        <div v-if="activeName === 'tc'"  class="card">
          <TelecontrolChart ref="tcChartRef"></TelecontrolChart>
        </div>
      </el-tab-pane>
    </el-tabs>
</el-card>
</template>

<script setup>
import { ref } from 'vue'
import HistoryCmd from './modules/HistoryCmd.vue'
import TelecontrolChart from './modules/TelecontrolChart.vue';
const activeName = ref('tm')
const tcChartRef = ref(null)
</script>

<style lang="scss" scoped>

</style>